<template>
	<view class="container">
		<view class="title">
			因天气原因，景区今天不让进入
		</view>
		<view class="sub-title">
			<view class="dept">
				景区保卫科
			</view>
			<text class="time">
				2024-09-24 10:12:!2
			</text>
		</view>
		<view class="desc">
			因天气原因，景区今天不让进入因天气原因，景区今天不让进入因天气原因，景区今天不让进入
			因天气原因，景区今天不让进入
			因天气原因，景区今天不让进入
			因天气原因，景区今天不让进入
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.container {
		padding: 22upx 30upx;
		box-sizing: border-box;

		.title {
			font-size: 42upx;
			font-weight: 800;
			text-align: center;
		}

		.sub-title {
			border-bottom: 1upx solid $uni-border-color;
			padding: 22upx 0;
			display: flex;
			align-items: center;
			width: 100%;
			justify-content: space-between;

			.time {
				color: #999;
				font-size: 28upx;
				margin-left: auto;
			}
		}

		.desc {
			color: #333;
			font-size: 32upx;
			line-height: 1.6;
			padding: 22upx 0;
		}
	}
</style>